.index-navbar {
  width: 100%;
  position: fixed;
  z-index: 500;
  left: 0px;
  top: 55px;
  height: 55px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  background-color: #fff;
  box-shadow: 0px 0px 5px 1px #f4f4f4; }
  .index-navbar span{
    font-size: 14px;
  }
  .index-navbar a, .index-navbar p, .index-navbar div, .index-navbar span, .index-navbar img, .index-navbar input, .index-navbar button, .index-navbar body, .index-navbar ul, .index-navbar li {
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    outline: none !important;
    color: #000;
    list-style: none; }
  .index-navbar a, .index-navbar a:hover, .index-navbar a:active, .index-navbar a:visited, .index-navbar a:link, .index-navbar a:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .index-navbar a {
    line-height: 55px; }
  .index-navbar span {
    color: #767676; }
  .index-navbar .texthr {
    border-right: 1px solid #d1d1d1;
    height: 35px;
    margin-top: 10px; }
.index-navbar > .left > li {
  margin: 0px 20px; }
  .index-navbar > .left > li a span {
    display: inline-block;
    height: 54px;
    border-bottom: 2px solid #fff; }

.index-navbar > .center {
  flex: 1;
  overflow-x: auto; }
  .index-navbar > .center > ul {
    display: flex;
    flex-direction: row; }
    .index-navbar > .center > ul > li {
      padding-left: 28px;
      flex-shrink: 0; }
      .index-navbar > .center > ul > li > a {
        line-height: 55px; }

.index-navbar > .right {
  text-align: right;
  position: fixed;
  right: 0px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 5%, rgba(255, 255, 255, 0.5) 10%, white 40%);
  width: 150px; }
  .index-navbar > .right a {
    display: inline-block;
    padding-right: 20px; }
    .index-navbar > .right a span {
      display: inline-block;
      height: 54px;
      border-bottom: 2px solid #fff; }

.index-navbar .hoverColor:hover {
  color: #000; }
  .index-navbar .hoverColor:hover span {
    color: #000; }

.index-navbar .hoverBg:hover {
  border: 1px solid #000 !important; }
/* 
.index-navbar .router-link-active {
  color: #000 !important; } */
  .index-navbar .navi-active a>span{
    color: #000 !important; } 
  .index-navbar .router-link-active span {
    border-color: #000 !important; }
